﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <title>相宜本草官网</title>
    ﻿<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="telephone=no">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="alternate icon" type="image/png" href="images/favicon.png">
<link rel='icon' href='favicon.ico' type='image/x-ico' />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="css/default.min.css?t=227" />
<script type="text/javascript" src="lib/jquery/jquery.min.js"></script>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="lib/amazeui/amazeui.ie8polyfill.min.js"></script>
<script type="text/javascript" src="lib/handlebars/handlebars.min.js"></script>
<script type="text/javascript" src="lib/iscroll/iscroll-probe.js"></script>
<script type="text/javascript" src="lib/amazeui/amazeui.min.js"></script>
<script type="text/javascript" src="lib/raty/jquery.raty.js"></script>
<script type="text/javascript" src="js/main.min.js?t=1"></script>
</head>
<body>

	<div>
    <jsp:include page="top.jsp"></jsp:include>
    </div>
<section class="pro-list">
    <aside class="pro-leftsidebar">
        <ul>
            <li>
                <a>产品搜索</a>
                <ul id="pro-search">
                    <li><a><input type="text"  class="pro-search"><a class="pro-search-btn">搜索</a></a></li>
                </ul>
            </li>
            <li>
                <a>产品分类</a>
                <ul id="pro-category">
                    <li class="on"><a href="#">${protype[0].proTypeName}</a></li>
                    <li><a href="#">${protype[1].proTypeName}</a></li>
                    <li><a href="#">${protype[2].proTypeName}</a></li>
                    <li><a href="#">${protype[3].proTypeName}</a></li>
                </ul>
            </li>
        </ul>
    </aside>

    <aside class="pro-rightsidebar">
        <header>

                    <p></p>
            <span>${protype[1].proTypeName}</span>
        </header>
        <ul>
            <li >
                <a href="ProductdetailsServlet">
                <div class="img-box">
                    <img src="${picture[2.1].proPictureUrl }">
                    <p>${proName[1].proName }</p>
                </div>
                </a>
            </li>

            <li>
                <a href="ProductdetailsServlet">
                    <div class="img-box">
                        <img src="${picture[2.2].proPictureUrl }">
                        <p>${proName[1].proName }</p>
                    </div>
                </a>
            </li>

            <li>
                <a href="ProductdetailsServlet">
                    <div class="img-box">
                        <img src="${picture[2.3].proPictureUrl }">
                        <p>${proName[1].proName }</p>
                    </div>
                </a>
            </li>

            <li>
                <a href="ProductdetailsServlet">
                    <div class="img-box">
                        <img src="${picture[2.4].proPictureUrl }">
                        <p>${proName[1].proName }</p>
                    </div>
                </a>
            </li>

            <li>
                <a href="ProductdetailsServlet">
                    <div class="img-box">
                        <img src="${picture[2.5].proPictureUrl }">
                        <p>${proName[1].proName }</p>
                    </div>
                </a>
            </li>

            <li>
                <a href="ProductdetailsServlet">
                    <div class="img-box">
                        <img src="${picture[2.6].proPictureUrl }">
                        <p>${proName[1].proName }</p>
                    </div>
                </a>
            </li>

            <li>
                <a href="ProductdetailsServlet">
                    <div class="img-box">
                        <img src="${picture[2.7].proPictureUrl }">
                        <p>${proName[1].proName }</p>
                    </div>
                </a>
            </li>

            <li>
                <a href="ProductdetailsServlet">
                    <div class="img-box">
                        <img src="${picture[2.8].proPictureUrl }">
                        <p>${proName[1].proName }</p>
                    </div>
                </a>
            </li>
             <li>
                <a href="ProductdetailsServlet">
                    <div class="img-box">
                        <img src="${picture[2.9].proPictureUrl }">
                        <p>${proName[1].proName }</p>
                    </div>
                </a>
            </li>
             <li>
                <a href="ProductdetailsServlet">
                    <div class="img-box">
                        <img src="${picture[2.10].proPictureUrl }">
                        <p>${proName[2].proName }</p>
                    </div>
                </a>
            </li>
             <li>
                <a href="ProductdetailsServlet">
                    <div class="img-box">
                        <img src="${picture[2.11].proPictureUrl }">
                        <p>${proName[2].proName }</p>
                    </div>
                </a>
            </li>
            <li>
                <a href="ProductdetailsServlet">
                    <div class="img-box">
                        <img src="${picture[2.12].proPictureUrl }">
                        <p>${proName[2].proName }</p>
                    </div>
                </a>
            </li>
        </ul>
		
    </aside>


</section>

	<div>
	<jsp:include page="footer.jsp"></jsp:include>
	</div>
</body>
</html>